/* CSS Document */
body{font-family:Arial,Helvetica,sans-serif;font-size:12px;margin:0;padding:0;color:#000;line-height:140%;background:url(../images/bg_bottom.jpg) repeat-x bottom}
h1, h2, h3, h4, h5, p, ul, ol, li, dl, dt, dd, table, img, form, div, p{
	margin: 0 0 0 0;
	padding: 0;
	border: 0;
	list-style:none;
}
h1, h2, h3, h4, h5{	margin-bottom: 5px; }
h2{font-size: 16px;}
h3{ font-size: 13px;}
h5{ color:#C00; font-size:20px;}
p{ margin-bottom: 7px;}
ul.default { margin: 0 0 0 20px; }
ul.default li{list-style-type: disc;}
ol.default { margin: 0 0 0 20px; }
ol.default li{list-style-type: circle;}
input,select{ font-size:12px; padding:2px 0 1px 5px; background-color:#FFFFFF; border:1px solid #e2e3ea; font-family: inherit; }
a:link, a:visited{color: #000000; text-decoration:none;cursor:pointer;}
a:hover{color:#000000;text-decoration:underline; }

.larger{ font-size: 120%; }
.floatL{ float:left;}
.floatR{ float:right;}
.clear{ clear:both;}
.marginT3{margin-top:3px;}
.marginT5{margin-top:5px;}
.marginT7{margin-top:7px;}
.marginT9{margin-top:9px;}
.marginT10{margin-top:10px;}
.marginT11{margin-top:11px;}
.marginT9{margin-top:9px;}
.marginT15{margin-top:15px;}
.marginT20{margin-top:20px;}
.marginT25{margin-top:25px;}
.marginT30{margin-top:30px;}
.marginT35{margin-top:35px;}
.marginT40{margin-top:40px;}
.marginT50{margin-top:50px;}
.marginL5{margin-left:5px;}
.marginL2{margin-left:2px;}
.marginL10{margin-left:10px;}
.marginL12{margin-left:12px;}
.marginL13{margin-left:13px;}
.marginL17{margin-left:17px;}
.marginL70{margin-left:50px;}
.marginR5{margin-right:5px;}
.marginR6{margin-right:6px;}
.marginR7{margin-right:7px;}
.marginR8{margin-right:8px;}
.marginL25{margin-left:25px;}
.marginL35{margin-left:35px;}
.marginL15{margin-left:15px;}
.marginL17{margin-left:17px;}
.marginL20{margin-left:20px;}
.marginR20{margin-right:20px;}
.marginB5{margin-bottom:5px;}
.marginR40{margin-right:40px;}
.marginB8{margin-bottom:8px;}
.marginB10{margin-bottom:10px;}
.marginB15{margin-bottom:15px;}
.marginB20{margin-bottom:20px;}
.marginB25{margin-bottom:25px;}
.marginB40{margin-bottom:40px;}
.pad5{padding:5px;}
.padding20{ padding:20px;}
.paddingT20{ padding-top:20px;}
.paddingT10{ padding-top:10px;}
.pad5{padding:5px;}

.img_left{float: left; margin: 0 10px 10px 0;}
.img_right{float: right; margin: 0 10px 10px 0;}
.img_border{border: 1px solid #CCCCCC; padding: 5px;}

label.error{color: #f00;}

#header_in{position: relative;}
div.search-block{width: 120px;position: absolute;top: 7px;right: 5px;}
.ccm-search-block-form .ccm-search-block-text{ width: 85px;} 
.ccm-search-block-form .ccm-search-block-submit{
    background: url(../images/btn_search1.gif) no-repeat scroll left top transparent;
    border: medium none;
    cursor: pointer;
    height: 21px;
    margin-left: 3px;
    overflow: hidden;
    text-indent: -999em;
    vertical-align: top;
    width: 21px;
    line-height: 0;
}
#inContent h1{
	background: transparent url(../images/bg_tl6.gif) no-repeat top left;
	padding: 4px 0 0 21px;
	color:#FFFFFF;
	text-transform:uppercase;
	height:21px;
	font-weight:bold;
	font-size:12px;
}
#inContent h2{
    background: url(../images/bg_tl3.gif) no-repeat scroll left top transparent;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    line-height: 185%;
    padding-left: 22px;
    text-transform: uppercase;
}
#inContent h3{
    background: url(../images/khoahoc_bgtl.jpg) no-repeat scroll left center transparent;
    font-weight: bold;
    padding: 12px 0 12px 17px;
}
#inContent h4{
	color: #CC0000;
	font-size: 13px;
	font-weight: bold;
	margin: 0;
	padding: 5px 0;
}
#inContent .sidebar{
	float: left;
	width: 220px;
}
#inContent .main{
	background-color: #FFFFFF;
	border: 1px solid #DFDFDF;
	float: right;
	padding: 18px 20px 20px;
	width: 678px;
}
#inContent .newspage{
	background-color: #FFFFFF;
	border: 1px solid #DFDFDF;
	float: right;
	padding: 18px 20px 20px;
	width: 678px;
}
#inContent .newspage .by-summary{
	margin-bottom: 8px;
}
#inContent .newspage .by-summary ul{
	padding: 5px 25px;
}
#inContent .newspage .by-summary ul li{
	list-style-type: square;
	margin-bottom: 3px;
}
#inContent .other-news h4{
	background: url(../images/ic5.gif) no-repeat scroll 10px 9px #F5F5F5;
	padding-left: 25px;
	padding-top: 4px;
}
#inContent .newspage .time{
	font-style:italic;
	margin-bottom: 8px;
}
#breadCrumb .swp-breadcrumbs{
	background: url(../images/sub.jpg) repeat-x scroll center top transparent;
	padding: 8px 10px;
}
/*----------------Menu top inner--------------*/
.nav-header{
    z-index: 9;
    width: 100%;
}
.nav-header ul{
    float: left;
}
.nav-header li a.home{ margin-left: 3px; }
.nav-header ul li{
    background: url(../images/bg_menu_line.gif) no-repeat scroll right top transparent;
    float: left;
    position: relative;
}
.nav-header ul li a{
    color: #FFFFFF;
    display: block;
    margin-right: 2px;
    padding: 8px 9px 8px 9px;
    text-decoration: none;
    font-size: 13px;
}
.nav-header ul li:hover, .nav-header ul li.nav-selected, .nav-header ul li.nav-path-selected{
    border-color: transparent #FFFFFF #FFFFFF transparent;
}
.nav-header ul li a:hover, .nav-header > ul > li.nav-selected > a{
    background: url(../images/bg_menu_o.gif) repeat-x scroll 0 -33px transparent;
}
.nav-header ul ul{
    background: none repeat scroll 0 0 #D8D8D8;
    border: 1px solid #A2A1A1;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
    display: none;
    left: 0;
    padding: 0;
    position: absolute;
    top: 32px;
    width: 170px;
}
.nav-header ul li:hover ul{
    display: block;
}
.nav-header ul li ul li{
    background: none repeat scroll 0 0 transparent;
    border-bottom: 1px solid #FFFFFF;
    float: none;
    padding: 0 0 0 8px;
}
.nav-header ul li ul li .special{
	background: transparent url(../images/special.gif) no-repeat center right;
	padding-right: 32px;
}
.nav-header ul li ul li a{
    background: none repeat scroll 0 0 transparent;
    color: #000000;
    display: block;
    height: auto;
    padding: 4px 0;
    position: relative;
    font-weight: normal;
}
.nav-header ul li ul li a:hover{background: none repeat scroll 0 0 transparent;}
.nav-header ul li ul li:hover, .nav-header ul li ul li.nav-selected{
    background: none repeat scroll 0 0 #DBF86A;
    border-color: transparent #D0CDBE #D0CDBE transparent;
}
.nav-header ul ul ul{
    background: none repeat scroll 0 0 #D8D8D8;
    border: 1px solid #A2A1A1;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
    display: none;
    left: 170px;
    padding: 0;
    position: absolute;
    top: 0px;
    width: 170px;
}
/*******************/
#inContent .sidebar-nav h3{
	background: url(../images/bg_lxtop.gif) no-repeat scroll left center transparent;
	text-transform: uppercase;
	margin-bottom:0px;
}
#inContent .sidebar-nav .nav{
	background: url(../images/bg_lxbg.gif) repeat-y scroll 0 0 transparent;
	padding: 3px 12px 5px;
	border-bottom: 6px solid #EDEDED;
}
#inContent .sidebar-nav .nav li{
	background: url(../images/bgli.gif) repeat-x scroll center bottom transparent;
	padding: 10px 2px;
}

/* anhhothai@gmail.com 25 June 2012 */
#inContent .sidebar-nav .nav li:last-child{
	background: none;
	padding: 10px 2px;
}

#inContent .sidebar-nav .nav li a{
	background: url(../images/ic5.gif) no-repeat scroll 4px 4px transparent;
	display: block;
	padding-left: 20px;
}
#inContent .sidebar-nav .nav li a:hover{color: #CC0000;}

#inContent .black-nav{
    background-color: #DADADA;
    padding: 8px;
    width: 204px;
}
#inContent .black-nav ul{margin: 0;padding: 0;}
#inContent .black-nav > ul > li{margin: 0 0 2px;}
#inContent .black-nav > ul > li > a{
    background: url(../images/title_bg.gif) no-repeat scroll left top transparent;
    color: white;
    display: block;
    margin: 0;
    padding: 5px 20px 5px 10px;
}
#inContent .black-nav ul ul{margin: 0;padding: 0;}
#inContent .black-nav ul ul li{
    background: url(../images/bg_submenu.gif) no-repeat scroll left top transparent;
    border-bottom: 1px solid #DADADA;
    list-style: none outside none;
    padding: 6px 5px 6px 20px;
    position: relative;
}
#inContent .black-nav li li li{
    background: none repeat scroll 0 0 #CCCCCC;
    border-bottom: 1px solid #F0F0F0;
    width: 120px;
}
#inContent .black-nav li li li:hover{background-color: #DBF86A;}
#inContent .black-nav ul ul ul{
    display: none;
    left: 200px;
    position: absolute;
    top: -999em;
}
#inContent .black-nav ul ul li:hover ul{display: block;top: 0;}
.back2top{overflow: hidden;clear: both;}
.back2top a{
	background: url(../images/backtop.gif) no-repeat scroll 0px 0px transparent;
	width: 92px;
	height: 16px;
	text-indent: -999em;
	text-align: left;
	float: right;
	display: block;
}
#footer .sitemap{
    clear: both;
    margin: 0 0 8px 0;
    float: left;
    border: 2px solid #D2D2D2;
    padding: 5px 9px;
    background: transparent url(../images/bg_sitemap.gif) repeat-x top left;
}

#footer .sitemap > li{
    margin:0 10px 0 0;
    padding: 5px 5px 0 0;
}
#footer .sitemap li{
    float: left;
    background: none;
    width: 119px;
    height: 100%;
}
#footer .sitemap > li > a{
    color: #CC0000;
    font-weight: bold;
    text-transform: uppercase;
}
#footer .sitemap li ul{margin: 0;padding: 0;}
#footer .sitemap li ul ul{display: none;}
#footer .sitemap li ul li{
    border-top: 1px dotted #E5E5E5;
    padding: 6px 0;
    margin: 0;
    background: url(../images/icon_arrow1.gif) no-repeat left 10px;
    padding-left: 5px ;
}
#footer .copyright{padding-bottom: 10px;}

/** using **/
table.default{ border-collapse: separate; border: none; border-spacing:1px; background-color: #C3C3C3;}
table.default td, table.default th{ padding: 5px; vertical-align: top;}
table.default thead td{ font-weight: bold; text-align: center;background-color: #C0C0C0;}
table.default tbody th{ text-align: left;}
table.default tbody tr:nth-child(even) td, table.default tbody tr:nth-child(even) th{ background-color: #F7F6F3; }
table.default tbody tr:nth-child(odd) td, table.default tbody tr:nth-child(odd) th{ background-color: #fff; }

table.default_left{ border-collapse: separate; border: none; border-spacing:1px; background-color: #C3C3C3;}
table.default_left td, table.default_left th{ padding: 5px; vertical-align: top;}
table.default_left thead td{ font-weight: bold; text-align: left; background-color: #C0C0C0;}
table.default_left tbody th{ text-align: left;}
table.default_left tbody tr:nth-child(even) td{ background-color: #F7F6F3; }
table.default_left tbody tr:nth-child(odd) td{ background-color: #fff; }

/***** jQuery tools *********/
.apple_overlay{ border-radius: 10px; display: none; padding: 35px; width: 640px;}
.apple_overlay .close{ background-image: url("../images/tools/close.png"); cursor: pointer; height: 35px; position: absolute; right: 5px; top: 5px; width: 35px; }
/** end using **/
a.main-color:link, a.main-color:visited, .main-color{color:#CC0000;}
a.blue-color:link, a.blue-color:visited, .blue-color{color:#0040ff;}
a.print{
	background: url(../images/icon_print.gif) no-repeat scroll 0px 0px transparent;
	padding: 3px 0 3px 20px;
	color: #CC0000;
}
div.print{
	border: 1px solid #CCC;
	padding: 15px;
	margin-bottom: 20px;
}
div.print p{margin-bottom: 8px;}
div.print h1, div.print .time{margin-bottom: 10px;}